<template>
  <div class="left-top">
    <nav class="title"></nav>
    <app-vue-echarts :option="getOption(optionData)"/>
  </div>
</template>

<script setup lang="ts" name="LeftTop">
import {getOption} from "../options/leftTop";
import { reactive } from "vue";

interface Interface {
  seriesData1: number[]
  seriesData2: number[]
}

const optionData = reactive<Interface>({
  seriesData1:[],
  seriesData2:[]
})

setTimeout(() => {
  optionData.seriesData1 = [100,300,300,400,500]
  optionData.seriesData2 = [10,30,600,800,500]
},400)
</script>

<style scoped lang="less">
.left-top{
  width: 490px;
  height: 310px;
  position: absolute;
  left: 10px;
  top: 76px;
  .title{
    width: 450px;
    height: 35px;
    margin: 13.22px 10px 0 10px;
    background-image: url(../assets/left-top.svg);
  }
}
</style>
